.tntx-text-avatar {
	& {
        position: relative;
        display: inline-block;
	}
	/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
	/* stylelint-disable no-duplicate-selectors */
	/* stylelint-disable */
	/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
	.ant-avatar {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		margin: 0;
		padding: 0;
		color: rgba(0, 0, 0, 0.65);
		font-size: 14px;
		font-variant: tabular-nums;
		line-height: 1.5;
		list-style: none;
		-webkit-font-feature-settings: 'tnum';
				font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		overflow: hidden;
		color: #fff;
		white-space: nowrap;
		text-align: center;
		vertical-align: middle;
		background: #ccc;
		width: 32px;
		height: 32px;
		line-height: 32px;
		border-radius: 50%;
	}
	.ant-avatar-image {
		background: transparent;
	}
	.ant-avatar-string {
		position: absolute;
		left: 50%;
		-webkit-transform-origin: 0 center;
			-ms-transform-origin: 0 center;
				transform-origin: 0 center;
	}
	.ant-avatar.ant-avatar-icon {
		font-size: 18px;
	}
	.ant-avatar-lg {
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
	}
	.ant-avatar-lg-string {
		position: absolute;
		left: 50%;
		-webkit-transform-origin: 0 center;
			-ms-transform-origin: 0 center;
				transform-origin: 0 center;
	}
	.ant-avatar-lg.ant-avatar-icon {
		font-size: 24px;
	}
	.ant-avatar-sm {
		width: 24px;
		height: 24px;
		line-height: 24px;
		border-radius: 50%;
	}
	.ant-avatar-sm-string {
		position: absolute;
		left: 50%;
		-webkit-transform-origin: 0 center;
			-ms-transform-origin: 0 center;
				transform-origin: 0 center;
	}
	.ant-avatar-sm.ant-avatar-icon {
		font-size: 14px;
	}
	.ant-avatar-square {
		border-radius: 4px;
	}
	.ant-avatar > img {
		display: block;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}  
}

.tntx-text-avatar-popover {
	.ant-popover-arrow {
		display: none;
	}
	.ant-popover-title {
		display: none;
	}
	.ant-popover-inner-content {
		width: 250px;
		padding: 0;
		border-radius: 4px;
		.popover-content {
			.popover-content-header {
				height: 140px;
				border-radius: 4px 4px 0 0;
				.popover-content-header-wave {
					width: 100%;
					height: 100%;
					border-radius: 4px 4px 0 0 ;
				}
			}
		}
	}
	.popover-content-info {
		& {
			text-align: center;
			margin-bottom: 30px;
			text-rendering: optimizeLegibility;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		.text-avatar {
			& {
				position: relative;
				z-index: 10;
				background: #3196FA;
				border: 2px solid #FFFFFF;
				box-shadow: 0 2px 5px 0 rgba(0,0,0,0.07);
				width: 72px;
				height: 72px;
				line-height: 72px;
				border-radius: 50%;
				margin: -48px auto 10px;
				user-select: none;
			}
			img {
				width: 100%;
				height: 100%;
				border-radius: 50%;
				vertical-align: top;
			}
			span {
				font-size: 24px;
				color: #FFFFFF;
				letter-spacing: 0.23px;
				text-align: right;
			}
		}
		h2 {
			font-size: 16px;
			color: #1F2329;
			font-weight: normal;
		}
	}
	.popover-content-body {
		& {
			min-height: 135px;
		}
		ul {
			& {
				list-style: none;
				padding-left: 0;
				padding: 0 20px 40px;
			}
			li {
				& {
					display: flex;
				}
				label {
					font-size: 12px;
					color: #8F959E;
					margin-right: 20px;
				}
				p {
					display: inline-block;
					font-size: 12px;
					color: #1F2329;
					flex: 1;
    				word-break: break-all;
				}
			}
		}
	}
}
